{% extends "base.html.twig" %}
{% block title %}Log out
{% endblock %}
{% block head %}
	<link rel="stylesheet" href="styles/registration.css">
	<link rel="stylesheet" href="https://fonts.google.com/specimen/Source+Sans+Pro?category=Sans+Serif">
	<link rel="stylesheet" href="https://fonts.google.com/specimen/Roboto?category=Sans+Serif#standard-styles">
	<script src="scripts/nav.js"></script>
	<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script>
	{{ parent() }}
{% endblock %}

{% block content %}

	<section class="section p-5">

		<div class="container">

			<div class="row text-center g-2 mt-5">
				<div class="modal-dialog">
					<div class="modal-content">
						<div class="modal-header">
							<h3 class="h3 card-title" id="exampleModalNavLabel">Log out</h3>
						</div>
						<div class="modal-body">
							<p class="lead">You have been logged out</p>
                            <p>See you next time!</p>
						</div>
						<div class="modal-footer">
							<a class="logInButtonBox" href="https://travel.fsd01.ca/login">
								<button type="submit" class="btn logInButton">Click here to log back in</button>
							</a>
						</div>
					</div>
				</div>
			</div>

		</div>

	</section>

{% endblock %}